<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>酒店内部管理系统</title>
<link href="themes/bootstrap/easyui.css" rel="stylesheet">
<link href="themes/icon.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
 <script type="text/javascript">
	$(function() {
		//树型菜单的配置
		$("#showfuncs").tree({
			url :'showfuncs',
			animate:true,
			onLoadSuccess : function(node, data) {
				$("#showfuncs").tree('expandAll');
			},
			 
		    onClick:function(node){
		    	if(node.attributes.fpath){
		    		if($("#showtabs").tabs("exists",node.text)){
		    			$("#showtabs").tabs("select",node.text);
		    		}else{
		    			$("#showtabs").tabs("add",{
			    			 title:node.text,    
			    			 closable:true,
			    			 content:"<iframe frameborder='0'  src='"+node.attributes.fpath+"' style='width:100%;height:100%''></iframe>"    	
			    		});
		    		}
		    		
		    	}
		    	
		    }
		});
		$("#showtabs").tabs({    
			fit:true,
			border:false,
		});  

	});

</script>   
</head>
<body class="easyui-layout"> 
    <div data-options="region:'west',title:'功能区域',split:true" style="width:200px;">
       <!-- 菜单的展示 -->
		<ul id="showfuncs"></ul>
    </div>  
   
    <div data-options="region:'east',iconCls:'icon-reload',split:true" style="width:300px;">
        <div><a href="login.jsp"><button style="background-color: #A6FFFF">退出系统</button></a></div>
        <div  data-options="region:'north'" style="height:150px;">
          <div style="height:150px;width:150px;margin-left: 50px;">
            <img  src="img/user_p.jpg" style="border-radius:50%;" height="100%" width="100%"/>
          </div>
        </div>
        <div data-options="region:'south',split:true" >
            
	            <div style="margin-left: 35%;color:gray;">${currentrole.roleName}</div>
	            <div style="margin-left: 15%;margin-top: 10px;">
	                <span style="border-right-style:solid;font-size:16px">${currentemployee.elName }</span>
	                <span style="border-right-style:solid;font-size:16px">${currentemployee.elSex }</span>
	                <span style="font-size:16px">入职时间:${currentemployee.enterTime }</span>
	            </div>
	            <div style="margin-left: 30%;margin-top: 10px;font-size:16px">Tell:${currentemployee.tellphone}</div>
        
        </div>
     
    </div>   
    
    <div data-options="region:'center',title:'功能展示'" style="padding:5px;background:#eee;">
        <div id="showtabs" class="easyui-tabs"style="width:100%;height:100%">
			 <div title="欢迎页面"  style="background-image: url(img/haitan.jpg);background-size:cover;width:100%;height:100%">
			     <div style="margin-top:50px;">
			       <span style="color:#FEFB83;font-size:50px;"> 欢迎进入本公司</span>
			       <span style="color:#FFFEF0;font-size:40px;">${departmentName}</span>
			     </div>
			 </div>
		</div>
    </div>  
</body>
</html>